<template>
  <!-- 我的车单 -->
  <page-loading :show="showPage">
    <view class="container">
      <view class="content" v-show="list.length">
        <view>
          <view class="flex flex-jc-sb">
            <view class="look pz"></view>
            <view class="look">
              <text @click="edit" :class="editname === '完成' ? 'editcss' :'editdelete'">{{editname}}</text>
              <text>|</text>
              <text @click="addConf">添加</text>
            </view>
          </view>
          <view>
            <!-- :autoplay="true" -->
            <swiper :current="currentIndex" :circular="true" previous-margin="80rpx" next-margin="80rpx" :interval="3000"
              :duration="100" @change="swierChange" :id="id">
              <swiper-item v-for="(item,i) in list" :key="item.configuration_Id" :item-id="String(item.configuration_Id)"
                class="swiper">
                <view @click='delcars(item.id)'>
                  <i-icon icon="iconshanchu" color="#FBD220" class="del" v-show="isIcon"></i-icon>
                </view>
                <view class="viewimgs">
                  <image :src="'https://files.yzsheng.com/goodimg/cartypeimg/' + item.car_Type_Id + '.png!indexaskprice'"
                    class="slide-image" :class="currentIndex === i?'active':''" mode="heightFix" @error="imageError"></image>
                </view>
                <view class="content-footer">
                  <view class="names">{{item.car_Type_Name}}</view>
                  <view class="name2">{{item.configuration_Name}}</view>
                  <view class="flex flex-jc-c list flex-ai-c">
                    <view class="pz" @click="lookpeiclick(item)">查看配置</view>
                  </view>
                  <view class="mt-10 plr-80 flex flex-jc-c flex-jc-sb" v-show="noInformation">
                    <view class="moneyhead">
                      <view class="zdjmney">
                        {{carllist.factory_Price2}}<text class="font-24"></text>
                      </view>
                      <view class="zdjname">
                        厂家指导价
                      </view>
                    </view>
                    <view class="moneyhead">
                      <view class="zdjmney">
                        {{carllist.client_Price2}}<text class="font-24"></text>
                      </view>
                      <view class="zdjname">
                        一口价
                      </view>
                    </view>
                  </view>
                </view>
              </swiper-item>
            </swiper>
          </view>
        </view>
      </view>

      <u-gap height="24" bg-color="#F6F6F6" v-show="noInformation"></u-gap>
      <view :class="[(isFixedTop) ? 'fixedTop' : '']" id="box" class="box" v-if="noInformation">
        <u-tabs class="sticky" :list="lists" :is-scroll="true" bar-width="32" bar-height="4" active-color="#FBD220"
          :current="current" @change="change" inactive-color="#999999"></u-tabs>
      </view>
      <!-- 方案 -->
      <myCarListDetailsZj v-if="noInformation" :carid="carid" :xedColorList="xedColorList" :carllist="carllist"></myCarListDetailsZj>
      <!-- 默认图 -->
      <defaultImg :show="!defaultImg"></defaultImg>
    </view>
  </page-loading>
</template>

<script src="./myCarList.js"></script>
<style scoped lang="scss">
  @import './myCarList.scss';
</style>
